<template>
  <div class="flex flex-wrap gap-4 mt-8">
    <ABadge
      dot
      class="text-lg"
    >
      <i class="i-bx-bell w-6 h-6" />
    </ABadge>
    <ABadge
      dot
      class="text-xl"
    >
      <i class="i-bx-bell w-6 h-6" />
    </ABadge>
    <ABadge
      class="text-xs"
      content="9"
    >
      <i class="i-bx-bell w-6 h-6" />
    </ABadge>
    <ABadge
      class="text-sm"
      content="9"
    >
      <i class="i-bx-bell w-6 h-6" />
    </ABadge>
  </div>
</template>
